Menu déroulant : css ou javascript

Bonjour,

Je viens de faire pas mal de recherches, y compris sur ce forum et je n'ai pas trouvé la réponse à ma question.

Je suis en train de refaire mon site et je développe actuellement un menu déroulant horizontal avec sous-menu.

Je suis tombé sur un échange houleux entre un nouveau venu (comme moi) et un habitué de ce forum à propos des menus. La personne habituée assure que les menu déroulant sont maintenant principalement fait à l'aide de javascript. Je pensais que justement pour des raisons d'accessibilité il fallait que le menu soit fait en css et là je me remets en question et depuis ce matin je fais mes recherches.

J'en viens à ma question : j'ai trouvé un tutoriel qui répond complètement à mes besoins : http://www.fairytells.net/index.php/2006/06/26/28-menu-deroulant-et-accessibilite-partie-1 et le résultat est là : http://www.fairytells.net/gabarit_accessible/V2/index-withmenu5.php, mais le code javascript est complètement propriétaire et date un peu. Existe-t-il des tutoriels ou exemples de menu qui ont exactement le même comportement et qui utilise des librairies récentes comme script.aculo.us ?

Merci de m'avoir lu

Vincent
Modifié par duplex13 (29 Sep 2009 - 20:02)

Bonjour,

Tu peux peut-être regarder du côté du menu "Superfish" basé sur le framework jQuery.

Sinon, ne peux-tu pas te passer d'un tel "système de navigation" ?
Un peu de lecture concernant l'accessibilité des menus de navigation en cascade.
Modifié par mecho (29 Sep 2009 - 20:53)

Bonjour et merci pour cette réponse.

Le menu basé sur jquery répond tout à fait à mes besoins et est très alléchant.

Toutefois à la lumière de ce que tu dis sur les menus déroulants, je me pose sérieusement la question sur la pertinence d'un tel menu. Mon but n'est pas de me faire plaisir (même si le résultat doit être sympathique), mais bien d'être le plus ouvert possible de manière à conserver le plus d'internaute possible sur mon site.

Je vais poursuivre ma lecture pour décider du mode de navigation de mon site.

Merci

Vincent

Re-bonjour,

Il semblerait que openweb propose un menu déroulant accessible, y compris aux personnes handicapées : http://openweb.eu.org/articles/menu_universel/.

Je viens de tomber sur cette discution qui parle d'accessibilité et de menu déroulant : http://forum.alsacreations.com/topic-6-24913-1-Accessibilite-menu-deroulant.html. Mais là on s'éloigne du thème de la rubrique dans laquelle le post a été mis.

Par contre il est clair qu'un menu déroulant ayant plus d'un niveau est proscrit pour l'accessibilité.

Vincent
Modifié par duplex13 (29 Sep 2009 - 22:25)

Hello Vincent et bienvenue,

duplex13 a écrit :
Mais là on s'éloigne du thème de la rubrique dans laquelle le post a été mis.

Pas vraiment puisque l'accessibilité et les standards du web étant les thèmes centraux d'Alsacréations ils ont leur place dans tous les salons.

Je ne connaissais pas cet article d'openweb mais il résume bien les avis que l'on trouve souvent sur le forum : pour qu'un menu déroulant soit accessible (notamment au clavier) il nécessite JavaScript. Soit ce dernier est activé et tout se passe normalement, soit il est désactivé et le menu est déjà "déroulé".

Merci pour cette réponse qui conclue les recherches que j'ai effectué hier.

Comme quoi les idées reçues ont la vie longue : j'étais persuadé que faire un menu accessible revenait à utiliser du css pur.

Reste à choisir : avec ou sans menu déroulant, telle est la question.

Salut,

Pour apporter un peu d'huile au moulin concernant JS ou CSS pour le menu déroulant.

J'était jusqu'à présent un partisan du menu en CSS, mais je trouve que cela pose pas mal de problèmes de compatibilité entre les navigateur (IE pour ne pas le citer...).
Le JS (pour peu qu'il soit bien écrit) sera bien mieux supporté par tous les navigateurs.

enfin, c'est mon avis...